import { PageContainer } from '@/components'
import { Card, Row, Col, Statistic } from 'antd'
import {
    UserOutlined,
    ShoppingCartOutlined,
    FileTextOutlined,
    DollarOutlined
} from '@ant-design/icons'

export default function Home() {
    return (
        <PageContainer title="首页">
            <Row gutter={16}>
                <Col span={6}>
                    <Card>
                        <Statistic
                            title="用户总数"
                            value={1128}
                            prefix={<UserOutlined />}
                        />
                    </Card>
                </Col>
                <Col span={6}>
                    <Card>
                        <Statistic
                            title="订单总数"
                            value={93}
                            prefix={<ShoppingCartOutlined />}
                        />
                    </Card>
                </Col>
                <Col span={6}>
                    <Card>
                        <Statistic
                            title="文章总数"
                            value={56}
                            prefix={<FileTextOutlined />}
                        />
                    </Card>
                </Col>
                <Col span={6}>
                    <Card>
                        <Statistic
                            title="收入总额"
                            value={11280}
                            prefix={<DollarOutlined />}
                            precision={2}
                        />
                    </Card>
                </Col>
            </Row>
        </PageContainer>
    )
} 